<template>
    <view class="navigation-bar">
        <text class="navigation-bar-title">{{ title }}</text>
    </view>
</template>

<script>
export default {
    props: {
        title: {
            type: String,
            default: ''
        }
    }
}
</script>

<style scoped>
.navigation-bar {
    background-color: #98d361;
    color: white;
    text-align: center;
    padding: 20rpx;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navigation-bar-title {
    font-size: 36rpx;
    font-weight: bold;
}
</style>